$(function() {
  // 获取链接参数
  function GetRequest() {
    var url = location.search; //获取url中"?"符后的字串
    var theRequest = new Object(); 
    if (url.indexOf("?") != -1) {    
      var str = url.substr(1);    
      strs = str.split("&");    
      for (var i = 0; i < strs.length; i++) {      
        theRequest[strs[i].split("=")[0]] = decodeURIComponent(strs[i].split("=")[1]);    
      }  
    }  
    return theRequest;
  }
  // 获取url对象
  var urlPM = GetRequest();
  // 获取链接参数
  var id = '';
  var src = '';
  id = urlPM['id'];
  src = urlPM['src'];
  // 根据id追加高亮状态
  switch (id) {
    case '1':
      $('.nav-item').eq(0).addClass('choose');
      break;
    case '2':
      $('.nav-item').eq(1).addClass('choose');
      break;
    case '3':
      $('.nav-item').eq(2).addClass('choose');
      break;
    case '4':
      $('.nav-item').eq(3).addClass('choose');
      break;
    case '5':
      $('.nav-item').eq(4).addClass('choose');
      break;
    case '6':
      $('.nav-item').eq(5).addClass('choose');
      break;
    case '7':
      $('.nav-item').eq(6).addClass('choose');
      break;
    case '8':
      $('.nav-item').eq(7).addClass('choose');
      break;
  }
  // 根据src控制ifream
  $('#iframe').attr('src', src);
  // 点击二级导航后局部加载ifream
  $('.cont-nav-item').on('click', function() {
    dataSrc = $(this).find('span').data("src");
    $('#iframe').attr('src', dataSrc);
    // 变更导航样式
    $('.nav-item').removeClass('choose');
    $(this).parent().parent().addClass('choose');
  });

  // 点击一级导航，无二级导航的局部刷新
  $('.nav-item').on('click', function() {
    var obj = $(this).find('ul');
    // 如果仅为1级导航
    if (obj.length == 0) {
      $('.nav-item').removeClass('choose');
      $(this).addClass('choose');
      dataSrc = $(this).children('span').data("src");
      $('#iframe').attr('src', dataSrc);
    }
  });
});
